<template>
	<!-- 右边悬浮窗口 -->
	<div class="fix-sidebar">
		<a id="close-sidebar" href="javascript:;">客户服务</a>
		<div class="sidebar-con">
			<h1>客服热线</h1>
			<ul class="qq-list">
				<li>在线客服1：
					<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1678352565&site=qq&menu=yes ">QQ交谈</a>
				</li>
				<li>在线客服2：
					<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1794229700&amp;site=qq&amp;menu=yes ">QQ交谈</a>
				</li>
				<li>在线客服3：
					<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1794229700&site=qq&menu=yes">QQ交谈</a>
				</li>
			</ul>
			<h1>电话热线</h1>
			<p class="phone">010-83026000</p>
			<p class="phone">400-6906-400</p>
			<h1>客服邮箱</h1>
			<p class="email1" style="margin-bottom:10px;">
				<a href="mailto:kefu@sfn.cn?subject= 欢迎您来信！&amp;body=写下您的建议"> kefu@sfn.cn </a>
			</p>
			<h1>投诉邮箱</h1>
			<p class="email2">
				<a href="mailto:tousu@sfn.cn?subject= 欢迎您来信！&amp;body=写下您的投诉"> tousu@sfn.cn </a>
			</p>
			<p class="email2">
				<a href="mailto:zlg@sfn.cn?subject= 欢迎您来信！&amp;body=写下您的投诉"> zlg@sfn.cn </a>
			</p>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				msg: 'login'
			}
		},
		methods: {
			/* 悬浮客服服务 */
			rightClickHandler() {
				$("#close-sidebar").click(function(){
					var html = $(this).html();
				if(html == "关闭窗口") {
					$(".fix-sidebar").animate({
						right: "-186.5px"
					});
					$(this).text("客户服务");
				} else {
					$(".fix-sidebar").animate({
						right: "0"
					});
					$(this).text("关闭窗口");
				}
				});
				
			}
		},
		mounted() {
			this.rightClickHandler();
		}
	}
	
//	$(function() {
//		$('#app').delegate('#close-sidebar', 'click', rightClickHandler)
//	})
</script>

<style>

</style>